
<div id="body">
    <div class="header">
        <div>
            <a href="<?= lang_url('sudbina') ?>"><img src="<?= base_url() ?>assets/img/glavna-slika.jpg" alt="Glavna"></a>
            <div>
                <h1><a href="<?= lang_url('sudbina') ?>"><?= lang('umetnost_svaranja_title'); ?></a></h1>
                <p><?= lang('umetnost_svaranja_text'); ?>
                    <a href="<?=  lang_url('sudbina')?>" class="continue"></a>
                </p>
            </div>
        </div>

    </div>
    <div class="body">

        <h1><?= lang('from_offer'); ?></h1>
        <ul class="round">
            <li>
                <a href="<?= lang_url('zeolit') ?>"><img src="<?= base_url() ?>assets/img/ponuda_1.jpg" alt="Image"></a>
                <h2><?= lang('zeolit'); ?></h2>
                <p>
                    <?= lang('zeolit_short'); ?>
                </p>
            </li>
            <li>
                <a href="<?= lang_url('harmonizacija') ?>"><img src="<?= base_url() ?>assets/img/ponuda_2.jpg" alt="Image"></a>
                <h2><?= lang('harmonizacija'); ?></h2>
                <p>
                    <?= lang('harmonizacija_short'); ?>
                </p>
            </li>
            <li>
                <a href="<?= lang_url('porodicna_stabla') ?>"><img src="<?= base_url() ?>assets/img/ponuda_3.jpg" alt="Image"></a>
                <h2><?= lang('energije'); ?></h2>
                <p>
                    <?= lang('energije_short'); ?>
                </p>
            </li>
            <li>
                <a href="<?= lang_url('analize_saveti') ?>"><img src="<?= base_url() ?>assets/img/ponuda_4.jpg" alt="Image"></a>
                <h2><?= lang('analize'); ?></h2>
                <p>
                    <?= lang('analize_short'); ?>
                </p>
            </li>
        </ul>

        <div class="onepxline"></div>

        <ul class="round">
            <li>
                <a href="<?= lang_url('ociscenje') ?>"><img src="<?= base_url() ?>assets/img/ponuda_5.jpg" alt="Image"></a>
                <h2><?= lang('ociscenje'); ?></h2>
                <p>
                    <?= lang('ociscenje_short'); ?>
                </p>
            </li>
            <li>
                <a href="<?= lang_url('gorski_kristal') ?>"><img src="<?= base_url() ?>assets/img/ponuda_6.jpg" alt="Image"></a>
                <h2><?= lang('gorski'); ?></h2>
                <p>
                    <?= lang('gorski_short'); ?>

                </p>
            </li>
            <li>
                <a href="<?= lang_url('tajne') ?>"><img src="<?= base_url() ?>assets/img/ponuda_7.jpg" alt="Image"></a>
                <h2><?= lang('tajna'); ?></h2>
                <p>
                    <?= lang('tajna_short'); ?>

                </p>
            </li>
            <li>
                <a href="<?= lang_url('napici') ?>"><img src="<?= base_url() ?>assets/img/ponuda_8.jpg" alt="Image"></a>
                <h2><?= lang('napici'); ?></h2>
                <p>
                    <?= lang('napici_short'); ?>

                </p>
            </li>
        </ul>

        <div class="onepxline"></div>
        <p class="intro_sentance"><?= lang('razgovori'); ?></p>


    </div>

</div>
